.native-uploader-queue {
    margin:0;
    margin-top:10px;
    padding:0;
    font-size:12px;

    li {
        width: 76px;
        height:76px;
        border:1px solid #E5E5E5;
        border-radius: 4px;
        position: relative;
        padding:2px;
        margin-right: 15px;
        position: relative;
        margin-bottom: 10px;
    }

    li.error{
        border:1px solid red;
    }

    li.start,
    li.upload{
        border:1px solid #369BD7;
    }

    li .wrapper {
        position: relative;
        z-index: 10;
    }


    li .del-pic {
      background:url() 0 0 no-repeat;
      width:21px;height:21px;
      display: block;
      position: absolute;
      right: -10px;
      top: -10px;
      background-size: 20px;
      z-index: 12;
    }
    .status-wrapper{
        position: absolute;
        top:50%;
        left:0;
        margin-top:-10px;
        z-index: 30;
        text-align: center;
        width: 100%;

        .progress-status{
          font-size: 16px;
          color: #5A5A5A;
        }

        .error-status{
            color: red;
        }


        p{
            margin:0;
            padding-left:10px;
        }
    }


    //遮罩层
    .pic-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        background: #fff;
        z-index: 7;
        display: none;
        opacity: 0.8;
    }

    .pic {
        img{
            display:none;
            border:none;
            width:70px;
            height:70px;
        }
    }
}
